<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图层样式</title>
    <link rel="stylesheet" href="./css/ps2.css">

    <link rel="stylesheet" href="../瑜-ps/css/导航栏.css">
    <script src="../哲/搜索.js"></script>
    <link rel="shortcut icon" href="../兰/images/logo.png">
</head>

<body>
    <div>
        <!-- 顶部【logo名字（左）、搜索栏（中）、小组信息（右） -->

        <div>
            <!-- logo名字 -->
            <!-- 搜索栏(含js) -->
            <!-- 小组信息 -->
            <div class="title">
                <img src="../兰/images/logo.png" alt="">
                <input id="searchInput" placeholder="请输入关键词" type="text">
                <img id="searchButton" src="../兰/images/搜索图标.png" alt="">
                <div class="three">
                    <p><a href="../兰/小组.html" target="_blank">小组</a></p>
                    <p><a href="" target="_blank">视频</a></p>
                    <p><a href="https://gitee.com/lhuilan/final-group-task/tree/main/" target="_blank">仓库</a></p>
                </div>
            </div>
        </div>

        <!-- 主菜单 -->
        <div class="nav">
            <ul>
                <!-- 导航栏中 -->
                <!-- 导航栏的颜色尽量和logo颜色搭配 -->
                <!-- 鼠标悬停在"首页、HTML、CSS、JavaScript、Photoshop、Photography"时有子菜单 -->
                <li><a href="../index首页.html">首页</a></li>

                <li><a href="../li/hcj.html">Web前端</a></li>
                <li><a href="../瑜-ps/a-ps.html">Photoshop</a></li>
                <li ><a href="../兰/摄影.html">Photography</a></li>
                <div class="deng">
                    <!-- 导航栏右 -->
                    <li class="qr">
                        <!-- 鼠标悬停时下方出现二维码 -->
                        <a href="">
                            <span>客户端下载</span>
                        </a>
                        <!-- 二维码 -->
                        <div>
                            <img class="qr2" src="../兰/images/csdn二维码.png" alt="">
                        </div>
                    </li>
                    <!-- (含js) -->
                    <li><a href="../兰/登录.html" target="_blank">登录 ||</a></li>
                    <li><a href="../兰/注册.html" target="_blank">&nbsp;注册</a></li>
                </div>
            </ul>
        </div>
</div>
    <div class="tit">
        <ul>
            <h1>Photoshop图层样式</h1>
            <!-- 框架：h1大的黑体字 -->
            <li>ps参考教程/图层样式/ps参考教程</li>
            <!-- li小的灰色字体 -->
        </ul>
    </div>

    <div style="text-align: center;color: #0000009b;">此页教程讲述了图层样式的具体内容。</div>
    <!-- 俩个框架之间的灰色字。 -->

    <div>
        <div class="card">
        <h3>为图层添加样式</h3>
        <h4>
            “图层样式”是一种附加在图层上的“特殊效果”，比如浮雕、描边、光泽、发光、投影等等。
            这些样式可以单独使用，也可以多种样式共同使用。
            Photoshop中共有10种“图层样式”：斜面和浮雕、描边、内阴影、内发光、光泽、颜色叠加、渐变叠加、图案叠加、外发光与投影。
            从名称中就能够猜到这些样式是用来做什么效果的。如图所示为这些图层样式单独使用的效果。
        </h4>
        <img src="./ps-image/文字样式1.jpg" alt="">
        </div>
        <div class="card">
        <h3>使用图层样式</h3>
        <h4>
            1.添加图层样式
            想要使用图层样式，首先需要选中图层（不能是空图层），如图所示。接着执行“图层>图层样式”命令<br>
            <img src="./ps-image/文字样式2.jpg" alt=""><br>
            2.编辑已添加的图层样式
            为图层添加了图层样式后，在“图层”面板中该图层上会出现已添加的样式列表，单击向下的小箭头即可展开图层样式堆栈。在“图层”面板中双击该样式的名称，弹出“图层样式”面板，进行参数的修改即可。<br>
            <img src="./ps-image/文字样式3.jpg" alt=""><br>
            3.拷贝和粘贴图层样式
            当我们已经制作好了一个图层的样式，其他图层或者其他文件中的图层也需要使用相同的样式，我们可以使用“拷贝图层样式”功能快速赋予该图层相同的样式。选择需要复制图层样式的图层，在图层名称上单击鼠标右键，执行“拷贝图层样式”命令<br>
            <img src="./ps-image/文字样式4.jpg" alt=""><br>
            4.缩放图层样式
            图层样式的参数大小很大程度上能够应该该图层的显示效果，有时我们为一个图层赋予了某个图层样式后，可能会发现该样式的尺寸与本图层的尺寸不成比例，那么此时就可以对该图层样式进行“缩放”。展开图层样式列表，在图层样式上单击右键，执行“缩放效果”命令<br>
            <img src="./ps-image/文字样式5.jpg" alt=""><br>
            5.去除图层样式
            想要去除图层的样式，可以在该图层上单击鼠标右键，执行“清除图层样式”命令。如果只想去除众多样式中的一种，可以展开样式列表，将某一样式拖曳到“删除图层”按钮 上，就可以删除某个图层样式。<br>
            6.栅格化图层样式
            与栅格化文字、栅格化智能对象、栅格化矢量图层相同，“栅格化图层样式”可以将“图层样式”变为普通图层的一个部分，使图层样式部分可以像普通图层中的其他部分一样进行编辑处理。在该图层上单击鼠标右键，执行“栅格化图层样式”命令，此时该图层的图层样式也出现在图层的本身内容中了。
        </h4>
        </div>
        <div class="card">
        <h3>使用“样式”面板的应用</h3>
        <h4>
            执行“窗口>样式”命令，打开“样式”面板。在“样式”面板中可以进行导入、删除、重命名等操作，如图所示。
        </h4>
        <img src="./ps-image/文字样式6.jpg" alt="">
    </div>
    </div>
</body>
<foot
    style="text-align: center;background-color:rgb(200, 225, 225);margin-bottom: 0; height: 280px;display: flex;align-items: flex-end;justify-content: center;">
    <!-- 页脚框架 -->
    <div>
        <div>
            <!-- logo为单独一行 -->
            <div>
                <img style="width: 100px;height: 100px;" src="../兰/images/logo.png" alt="">
            </div>
            <!-- csdn二维码和w3cschool二维码 为一行 -->
            <div>
                <img style="width: 100px;height: 100px;" src="../兰/images/csdn二维码.png" alt="">
                <img style="width: 100px;height: 100px; margin-left: 50px;" src="../兰/images/w3cschool二维码.png"
                    alt="">
            </div>
        </div>

        <!-- （一行白字）相关链接、版权声明等 -->
        <div>
            <style>
                a {
                    color: black;
                }
            </style>
            <a href="" target="_blank">相关链接</a>
            <a href="" target="_blank">隐私政策</a>
            <a href="" target="_blank">版权声明</a>
            <a href="" target="_blank">反馈箱</a>
            <a href="https://gitee.com/lhuilan/final-group-task/tree/main/" target="_blank">代码仓库</a>
            <a href="../兰/小组.html" target="_blank">关于我们</a>
        </div>

        <!-- 灰白字体 -->
        <div>
            <div>
                &copy; 2024-现在 蓝学网 &nbsp; 网站建设：
                <a href="../兰/小组.html" target="_blank">顺职软件一班第八组</a>
            </div>
            <div>
                网站维护：<a href="../兰/小组.html" target="_blank">顺职软件一班第八组</a>&nbsp;&nbsp;&nbsp;联系方式：lanxuewang@qq.com
            </div>
        </div>
    </div>
</foot>
</html>